@charset "utf-8";
@media only screen and (max-width : 1919px) {
.banner img{ width: 100%; height: auto; }
}
@media only screen and (max-width : 1400px) {
.content{ width: 1200px; }
.webmain{ min-width: 1200px; }
.header .inmuen ul li{ margin-left: 15px; }
.inshuju .li{ margin-right: 25px; }
.inyewunr .hd ul li{ margin: 20px 20px 20px 0; width: 225px; }
.footer .fcon{ margin-right: 20px; }
.footer .ewm{ margin-right: 20px; }
.footer .fnav{ width: 555px; }
.footer .fnav .li b{ font-size: 14px; }

.nymain .right{ width: 935px; }
.nyabout .shuju .li{ font-size: 14px; }
.nyabout .shuju .li span{ font-size: 25px; }
.nyabout .shuju .li i{ top: 5px; }
.nyabout .shuju .li em{ width: 30px; }

.nybanner{ height: 450px; }

.honor{ width: 100%; padding-bottom: 20px; }
.honor span{ margin: 0; width: 50%; margin-bottom: 20px; }

.nycontact .info .map{ width: 450px; }
.nycontact .info{ padding-right: 500px; }
}
@media only screen and (max-width : 1024px) {
.webmain{ min-width: initial; padding-top: 50px; }
.content{ width: initial; padding: 0 10px; }
.header{ background: #fff; box-shadow: 0 0 15px rgba(0,0,0,.1); z-index: 999; }
.header .logo{ padding: 10px 0; }
.header .logo img{ height: 30px; }
.nav_handle{ display: block; }
.header .inmuen{ display: none; float: none; clear: both; }
.header .inmuen ul li{ clear: both; float: none; margin: 0; }
.header .inmuen ul li > a{ padding: 10px 0; }
.header .inmuen ul li > a .en{ display: none; }
.header .inmuen ul li > a .cn{ margin: 0; font-size: 14px; }
.header .inmuen ul li:hover .erji{ display: none; }
.banner .pagination .swiper-pagination-switch{ width: 8px; height: 8px; margin: 0 3px; }
.banner .pagination{ bottom: 0; }
.inabout{ padding: 20px 0; }
.inabout .nr{ min-height: initial; padding-right: 0; }
.inabout .nr .li{ padding: 10px 0 10px 115px; }
.inabout .nr .lmtit{ background-size: auto 100% !important; font-size: 20px; line-height: 50px; margin-bottom: 0; }
.inabout .nr .video{ position: static; width: 100%; height: auto; border-radius: 5px; }
.inshuju{ margin-top: 20px; padding: 0; }
.inshuju .li{ display: block; width: 50%; float: left; font-size: 12px; margin: 0; }
.inshuju .li em{ width: 20px; margin: 0 5px; }
.inshuju .li span{ font-size: 18px; }
.inshuju .li i{ top: 3px; }
.inshuju .ann{ position: static; width: 65px; margin: 0 auto; }
.inyewunr{ padding: 20px 0 0; }
.inyewunr .hd{ margin-bottom: 10px; }
.inyewunr .hd ul{ display: block; width: 102%; left: -1%; position: relative; }
.inyewunr .hd ul li{ width: 31.3333%; float: left; margin: 1%; padding: 15px 0; }
.inyewunr .hd ul li .ico{ width: 50px; height: 50px; background-size: cover !important; margin: 0 auto 5px; }
.inyewunr .hd ul li .tit{ font-size: 14px; height: 25px; line-height: 25px; }
.inyewunr .right{ position: static; width: auto; height: auto; padding: 20px; text-align: left; }
.inyewunr .right:before{ display: none; }
.inyewunr .right .lmtit .cn{ font-size: 20px; }
.inyewunr .right .lmtit .xian{ width: 50px; height: 2px; float: left; margin: 10px 0; }
.inyewunr .right .lmtit .en{ font-size: 16px; }
.inyewunr .right .bd ul .tit{ font-size: 16px; }
.inyewunr .right .bd ul .wz{ font-size: 14px; line-height: 25px; }
.innews{ padding: 20px 0; }
.innewsnr{ padding: 0; }
.innewsnr .lmtit{ font-size: 20px; margin-bottom: 10px; }
.indown{ position: static; width: auto; margin-bottom: 20px; }
.indown .one{ padding-bottom: 10px; }
.indown .one .ann{ height: 35px; line-height: 35px; font-size: 14px; }
.indown .one .ann img{ height: 15px; }
.indown .one .tit{ font-size: 14px; }
.innewsnr .list .one{ padding: 0; margin-bottom: 10px; }
.innewsnr .list .one .pic{ position: static; width: auto; margin-bottom: 10px; }
.innewsnr .list .one .tit{ font-size: 16px; }
.innewsnr .list .one .date{ font-size: 12px; margin-bottom: 5px; }
.innewsnr .list ul li .date{ font-size: 14px; }
.innewsnr .list ul li{ padding: 10px 0 10px 75px; }
.footer{ padding: 20px 0; }
.footer .flogo{ display: none; }
.footer .fcon{ font-size: 14px; line-height: 25px; float: none; width: auto; margin: 0; }
.footer .fcon .lmtit{ margin: 0 0 10px; font-size: 16px; }
.footer .ewm{ margin: 10px auto 0; float: none; }
.footer .ewm .tit{ line-height: 20px; text-align: center; }
.footer .fnav{ display: none; }
.banq{ font-size: 12px; line-height: 20px; padding: 10px 0; }
.Bottomerkg,.Bottomer{ display: block; }
.page-down{ right: 10px; bottom: 74px; }

.nybanner{ height: 350px; }

.nynav .content{ padding: 0; }
.nynav .lmtit{ display: none; }
.nynav .list ul li:hover:before,.nynav .list ul li.on:before{ display: none; }
.nynav .list{ float: none; }
.nynav .list ul li{ line-height: 35px; height: 35px; font-size: 14px; width: 33.33333%; padding: 0; box-sizing: border-box; text-align: center; }
.nymain{ padding: 20px 0; }
.nymain .left{ float: none; width: auto; }
.nymain .left > ul{ display: block; width: 102%; left: -1%; position: relative; padding-bottom: 10px; }
.nymain .left ul li{ width: 31.3333%; margin: 1%; float: left; height: 30px; line-height: 30px; font-size: 14px; overflow: hidden; text-overflow: ellipsis; white-space: nowrap; }
.nymain .right{ width: auto; float: none; }
.weizhi .tit{ display: block; font-size: 20px; }
.weizhi .right1{ line-height: 25px; padding: 10px 0; float: none; }
.weizhi .right1 i.fa-home{ font-size: 14px; }
.weizhi{ padding: 0; }
.nyabout{ padding: 20px 0 0; }
.nyabout .shuju{ margin: 0 0 10px; line-height: 35px; text-align: left; }
.nyabout .shuju .li{ display: block; width: 50%; float: left; font-size: 12px; margin: 0; }
.nyabout .shuju .li em{ width: 20px; margin: 0 5px; }
.nyabout .shuju .li span{ font-size: 18px; }
.nyabout .shuju .li i{ top: 3px }

.nyaboutpic ul li{ width: 48%; }
.nyaboutpic ul li .tit{ height: 25px; line-height: 25px; }
.feny{ padding: 20px 0 0; }
.feny a{ line-height: 20px; padding: 0 5px; font-size: 12px; }

.nyaboutvideo{ margin: 20px auto 0; }
.nyaboutvideo .video{ padding: 5px; }
.nyaboutvideo .list{ padding: 0 30px; }
.nyaboutvideo .list ul li{ width: 50%; }
.nyaboutvideo .list ul li a{ padding: 10px 5px 5px; }
.nyaboutvideo .list ul li .tit{ height: 30px; line-height: 30px; font-size: 14px; }
.nyaboutvideo .list .prev,.nyaboutvideo .list .next{ width: 30px; height: 30px; line-height: 30px; font-size: 20px; margin-top: -30px; }

.nyculture{ padding: 20px 0 0; }
.nyculture .wz{ padding-bottom: 15px; font-size: 14px; }
.nyculture .list ul li{ width: 48%; }
.nyculture .list ul li .tit{ height: 35px; line-height: 35px; font-size: 14px; }
.nyculture .list ul li:hover{ transform: translateY(0); }

.nyshowculture{ padding: 20px 0 0; }
.nyshowculture .tit{ font-size: 18px; margin-bottom: 15px; }

.honor{ padding-bottom: 0; }
.honor span{ width: 100%; }

.nymain .left .video,.nymain .left .down,.nymain .left .tab{ display: none; }
.nynews .one{ padding: 10px; }
.nynews .one .pic{ width: auto; position: static; margin-bottom: 5px; }
.nynews ul li{ padding: 20px 0 20px 85px; }
.nynews ul li .date{ line-height: 20px; font-size: 16px; width: 70px; height: 70px; padding: 15px 0; }
.nynews ul li .date b{ font-size: 18px; }
.nynews ul li .tit{ font-size: 16px; }
.nynews ul li .jj{ height: 50px; }
.nynews ul li .liul{ font-size: 12px; }

.nydown ul li{ width: 48%; margin: 20px 1% 0; }
.nydown ul li .tit{ font-size: 14px; }
.nydown ul li .ann.ann2{ width: 96%; box-sizing: border-box; }

.shownews{ padding: 20px 0 0; }
.shownews .tit{ font-size: 18px; }
.shownews .date{ font-size: 12px; }
.shownews .wz{ padding: 10px 0 0; }

.nyyewu ul li{ width: 49%; }
.nyyewu ul li .tit{ height: 35px; line-height: 35px; font-size: 14px; }
.nyyewu ul li .fgc .ico{ width: 50px; margin: 0 auto 5px; }
.nyyewu ul li .fgc .stit,.nyyewu ul li .fgc .ann{ font-size: 14px; line-height: 20px; }

.showyewu{ padding: 20px 0 0; }

.nycase ul li{ width: 49%; }
.nycase ul li .tit{ height: 35px; line-height: 35px; font-size: 14px; }
.nycase ul li .fgc .ico{ width: 50px; margin: 0 auto 5px; }
.nycase ul li .fgc .stit,.nyyewu ul li .fgc .ann{ font-size: 14px; line-height: 20px; }

.showcase{ padding: 20px 0 0; }
.showcase .lmtit{ font-size: 18px; }
.nypic{ padding-top: 20px; }
.nypic .spic .spic-left,.nypic .spic .spic-right{ line-height: initial; }
.nypic .spic .spic-left i,.nypic .spic .spic-right i{ display: block; position: absolute; height: 25px; line-height: 25px; top: 50%; margin-top: -13px; text-align: center; width: 100%; }
.nypic .nr{ padding: 15px; }
.nypic .nr .tit{ margin-bottom: 10px; font-size: 20px; line-height: 30px; background-size: auto 30px !important; padding-left: 40px; }
.showcase .prev .li b{ font-size: 14px; }

.nycontact{ padding: 20px 0 0; }
.nycontact .info{ padding: 0; min-height: initial; margin-bottom: 20px; }
.nycontact .info .map{ position: static; width: auto; }
.nycontact .info .tit{ font-size: 20px; margin-bottom: 5px; }
.nycontact .info .stit{ font-size: 16px; }
.nycontact .info .wz{ font-size: 14px; line-height: 25px; }
.nycontact .info .ewm{ width: 100px; margin: 0 auto; margin-bottom: 15px; }
.nycontact .mess .lmtit{ margin-bottom: 10px; font-size: 20px; line-height: 30px; background-size: auto 30px !important; padding-left: 40px; }
.nycontact .mess .lmtit span{ display: none; }
.nycontact .mess .nr{ padding: 20px 15px; }
.nycontact .mess .nr .li{ width: 100%; max-width: initial; box-sizing: border-box; margin-bottom: 10px; }
.nycontact .mess .nr .li2{ box-sizing: border-box; margin-bottom: 10px; }
.nycontact .mess .li3{ width: 100%; margin-bottom: 10px; margin-right: 0; max-width: initial; }
}
@media only screen and (max-width : 910px) {

}
@media only screen and (max-width : 850px) {
.nybanner{ height: 300px; }
}
@media only screen and (max-width : 640px) {
.nybanner{ height: 250px; }
}
@media only screen and (max-width : 480px) {
.nybanner{ height: 200px; }
}
@media only screen and (max-width : 360px) {
.nybanner{ height: 120px; }
}